react native 实现拖拽排序
先上效果图，意思意思。其实原理很简单，没有想的那么难。大家在改造的时候，请注意 this.offset 的值，因为它关系到查找目标box的index（原理：手势释放时，所在的坐标值来推算出目标box的Index），本文代码可读性还...
2024-01-10
react native 学习资料整理
入门教程深入浅出 React Native：使用 JavaScript 构建原生应用 http://www.appcoda.com/react-native-introduction/ 中文版 http://www.cocoachina.com/ios/20150408/11513.html react 做的一款打分app 入门教程http://www.oschina.net/translate/going-native-with-reactreact-native 之布局篇 https://...
2024-01-10
react-native 适配问题
const ScreenWidth = Dimensions.get('window').width;static DimensionsTransform(px) { // 设计图纸以750为基准 return px/750*ScreenWidth } ...
2024-01-10
react－native 计算时间差
//计算时间var sendTime = this.props.obj.send_time;console.log(sendTime);//当前时间var nowTime = (new Date()).valueOf();console.log(nowTime);//差值var date3 = nowTime - sendTime;console.log(date3);//天var days=Math.floor(date3/(24*3600*1000))//时var leave1=date3%(24*36...
2024-01-10
react-native 打开设置界面
iOSiOS打开设置还是比较简单的，使用Linking组件即可：Linking.openURL('app-settings:') .catch(err => console.log('error', err))Android1、在android/app/src/main/java/com/<projectname>/文件夹下创建opensettings文件夹2、在这个文件夹下创建模块文件OpenSettingsModule.java（模块功能）和包文件OpenSettingsPackage.java（注册...
2024-01-10
初学：react-native 轮播图
参考资料：http://reactscript.com/react-native-card-carousel-component/import React, {Component} from 'react';import { StyleSheet, Text, Image, View} from 'react-native';import CarouselCard from '../carouselCard/Card';import Carousel, {Pagination} fr...
2024-01-10
搭建react native所遇到的坑
一、所遇问题在搭建react native环境中,遇到执行react native run-android命令出现如下问题1 Could not resolve all dependencies for configuration ':classpath'.2 > Could not resolve com.github.dcendents:android-maven-gradle-plugin:3.1.43 Required by:4 project :5 ...
2024-01-10
react-native 关闭黄屏警告
将代码放在index.js 中 AppRegistry.registerComponent('App', () => App)之前 //关闭其中某些yellow警告console.ignoredYellowBox = ['Warning: BackAndroid is deprecated. Please use BackHandler instead.','source.uri should not be an empty string','Invalid props.style key']; // 关...
2024-01-10
再看react native组件生命周期
componentwillreceiveprops可用以下方法替换什么时候在componentwillMount中初始化想要用ref获取到真实的dom节点的时候：应该在willmount方法中进行，在构造方法中是获取不到真实的dom节点的想从远端加载数据，进行请求⚠️注意：在这个方法中调用setState方法将会触发一次渲染，但是它是在浏览器刷新屏...
2024-01-10
React-native项目构建中的坑
2019独角兽企业重金招聘Python工程师标准>>> 从12月24日开始搭建React-native项目，期间构建项目 一直报错，Build failed with an execption，顺便帮贴一下收益良多的帖子 ，有需要的同学可以查看。好了 进入重点----------------------来一条华丽的分割线-------------------------------当项目一切都OK 进入到 react-native run-a...
2024-01-10
在 react 中 用echarats
在 react 中 用echarats ，用原生的方法写如下： 也可以用 react 的写法：在写的过程中遇到一个问题：刚开始用的一个 renderSaleAnalyseChart 这个方法，然后在 render 中调，然后在保存 这个 echarts 中的数据的时候出现了问题，销售列表发生两段数据值。在这里要注意，因为 render 中是不能有 setState 这...
2024-01-10
react-native 开发应该注意的一些事
给刚入行的小白准备的。命名规范、注释规范、编码习惯 这些老生常谈的咱们就不说了。我说的需要注意的都是干货全局 loading层这个东西要看情况使用，不要啥都把loading层弄出来。下拉刷新、上划触底加载人家本身就有loading图标 你也要弄个，明明毫秒就能加载完的也弄个。也不怕把用户的眼睛...
2024-01-10
react quick start
快速构建react：具体：cmd命令行$ npm install -g cnpm --registry=https://registry.npm.taobao.org$ npm config set registry https://registry.npm.taobao.org$ cnpm install -g create-react-app$ create-react-app my-app$ cd my-app/$ npm start构建完成：...
2024-01-10
react native 组件之switch组件的用法
写项目需要用到RN的switch组件，在官方文档上大概看了下，主要讲的就是switch组件的一些样式，还有调用的方法：onValueChiange，但关于怎么切换开关，怎么调用等，都没有提到。。无奈然后照旧找度娘，这里不得不吐槽下，那么多讲解switch开关的博客文章，竟然都是照搬文档的说法，要么就是按照文档...
2024-01-10
APP开发哪个框架好 也谈react native框架
从最近的研究报告指出，移动电商占据90%以上的份额，市场已由当初的PC为王发生了质的变化。移动端流量入口成了商家的必争之地，app商城成了商家最受欢迎的电商应用，那么商家要如何进行电商app开发、应选用什么框架进行开发呢？1、需求分析要清晰app开发通入最终的使用者是用户，因此用户体...
2024-01-10
vim开发react native 有断点调试插件吗？
vim开发react native 有断点调试插件吗，可以直接在vim打开的文件上打断点，并在vim窗口下方显示输出信息。类似这种：...
2024-01-10
react-native移动应用开发环境问题
react-native 最新环境搭建版本问题 报错如下各种环境都搭建了，但是还是报错。环境问题报错信息如下如何解决我安装的node版本为12.13的最新版本，我重新安装了一个node10.16.3的旧版本，然后重新启动项目，就解决了。java环境坑点我的java环境原来是java13版本，也就是目前java的最新版本，编译时...
2024-01-10
react-native 0.40.0 环境搭建踩坑全记录
初学react-native，找了一个课程，使用0.40版本，而现在默认自动安装最新版本0.55，这给我添了不少麻烦，环境配置上也踩了好多坑，好不容易跑通，必须总结一下1. 安装JDK 1.8（暂不支持更高版本），配置环境变量win10系统，点击开始在菜单，直接打字：环境变量点击新建JAVA_HOME : C:\Java\jdk1.8.0_171...
2024-01-10
React中使用Ant Table组件
一、Ant Design of React http://ant.design/docs/react/introduce二、建立webpack工程 webpack+react demo下载 项目的启动，参考三、简单配置 1.工程下载下来之后，在src目录下新建目录“table”，新建app.js，内容如下。import React from 'react';import ReactDOM from 'react-dom';import ExampleTable from './Example...
2024-01-10
react-native 搜索关键字并改变关键字样式
import React from 'react';import {Image,TextInput,TouchableOpacity, ScrollView, FlatList,StyleSheet, Text, View } from 'react-native';import StringDistinction from '.SearchKeywordsChangeColor';export default class Retrieval extends React.Component{construc...
2024-01-10
用 `react native` 模仿做的一个美团客户端首页
一开始让我开发ios我是拒绝的，因为看到oc的语法，略感蛋疼，实在是不想套进去，可能苹果也意识到了这个问题，所以推出了swift，我研究了一下，感觉这才像是编程语言，起码人性化多了，但是Xcode代码补全弱爆了，可能是idea用惯了，xcode真心不习惯了，装了插件也感觉好弱，折腾没多久，就搁置了...
2024-01-10
Angular vs React vs Vue
There are various programming languages available but it is difficult to choose the best one when it comes to our own project. And sometimes we even get stuck between the different languages when we have to make a choice among them. 可以使用多种编程语言，但是要涉及到我们自己的...
2024-01-10
React+antd 实现文本滚动
有一个很长的文本，想要实现上下自动滚动，就是进入页面，不需要任何操作，文本自动从开头滚动回答之前有个 marquee 标签不过废弃了，这个要自己封装吧，可以搜一下别人的实现。基本思路应该就是：利用定时器，固定时间内修改偏移量；长文本可以考虑虚拟滚动，或者裁剪数组。...
2024-01-10
React中innerHTML的坑
【React中innerHTML的坑】 通过React Ref机制返回的对象，是一个阉割的DOM对象，并非原始DOM对象。比如，这个阉割版的DOM对象没有innerHTML对象。<button ref={this.setVerifyButton}> 发送验证码</button> 上面的代码通过ref来获取一个dom对象，但这个对象是没有innerHTML属性的。 为了获取innerHTML，我们...
2024-01-10
react添加/嵌入 iframe
react 嵌入 iframe 主要是为了隔离富文本，避免跟宿主环境的样式、变量等造成污染。情况1：后端返回一个完整的网页，前端直接 `<iframe src="$url"></iframe>` 就可以了。情况2：后端返回内容不可控 (比如以下例子)。用法：index.tsx:export default function Iframe () { const contentIFrameRef = useRef<HTMLIFrameElement>(null)...
2024-01-10
